<template>
 <div class="TalkAbout_Box">
   <div class="TalkAbout_Text">
     <van-field
  v-model="message"
  rows="2"
  autosize
  label="说说："
  type="textarea"
  maxlength="100"
  placeholder="请输入说说"
  show-word-limit
  
/>
   </div>
   <van-uploader :after-read="afterRead" :max-count="1" />
 </div>
</template> 
<script>
         
export default {
  data(){ 

   return {

 key:1,
 message:""
   }
  },
 components: {

 },
  beforeCreate:function (){

// 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。



  },
 created:function (){

 // 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，el 属性目前尚不可用。

   this.click()

  },
  beforeMount:function (){

  },
  methods: {

// 在挂载开始之前被调用：相关的 render 函数首次被调用。

click(){

             this.$store.state.Title = "说说";
      this.$store.state.LeftTitle = "返回";
      this.$store.state.arrow = true;
      

 

 },
 
 afterRead(file) {
      // 此时可以自行将文件上传至服务器
      let user = JSON.parse(localStorage.getItem("user"));
      console.log(file.content);
       this.axios
          .post(this.pathuiL+"MyWorld/?userId=" + user.id,{
            VisitorsToday:0,
            TotalVisitors:0,
            TalkAbout:this.message,
            MyPicture:file.content,
            Likes:0,
            userId: user.id

      
          })
          .then(function(response) {
            console.log(response);
            if(response.status===200){
            this.message = ""
            }
           
          })
          .catch(function(error) {
            console.log(error);
          });
    }
  }

}

</script>

<style lang="scss"  scope>
   .TalkAbout_Box {
     width: 100%;
     height: 100%;

     background-color: whitesmoke;
   }
</style>